<!DOCTYPE html>
<html>
<head>
	<title>腾讯首页</title>
	<style>

a {
	color: #172c45;
	text-decoration: none;
}

.header	{
	height: 48px;
	width: 1000px;
	margin: 0 auto;
	padding: 23px 0 19px;
}
.header .logo {
	float: left;
	margin-left: 160px;
}
.header .logo img {
	width: 134px;
	height: 44px;
}

.header .search {
	margin: 5px 0 0 42px;
	float: left;
	width: 350px;
	height: 35px;
	border: 1px solid #eee;
}
.header .search:hover {
	border-color: #3297d8;
}
.header .search select,
.header .search input {
    vertical-align: top;
    width: 60px;
	height: 33px;
	border: none;
}
.header .search input[type="text"] {
    width: 220px;
}
.header .search input[type="submit"] {
	height: 35px;
	color: #fff;
	background: #5da4e6;
}
.header .link {
	padding-top: 5px;
}
.header .link a {
	float: right;
	padding: 7px 8px 6px;
}
.header .link .login {
	color: #5da4e6;
	height: 24px;
	line-height: 24px;
	background: #eee;
}


.nav {
	background: #3c94d4;
}
.nav a {
	color: #fff;
}


	</style>
</head>

<body>
	<div class="header">
		<div class="logo"><img src="http://mat1.gtimg.com/www/images/qq2012/qqlogo_2x.png" alt=""></div>
		
		<div class="search">
			<form action="">
				<select name="" id="">
					<option value="">网页</option>
					<option value="">应用</option>
				</select>
				<input type="text">
				<input type="submit" value="搜狗搜索">
			</form>
		</div>
		
		<div class="link">
			<a class="login" href="">登录</a>
			<a href=""><img src="http://mat1.gtimg.com/www/images/qq2012/mailIconHover.png" alt=""></a>
			<a href=""><img src="http://mat1.gtimg.com/www/images/qq2012/qzoneIconHover.png" alt=""></a>
			<a href=""><img src="http://mat1.gtimg.com/www/images/qq2012/weiboIconHover.png" alt=""></a>
		</div>
	</div>

	<div class="nav">
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
		<div>
			<strong><a href="">新闻</a></strong>
			<a href="">图片</a>
			<a href="">军事</a>
		</div>
	</div>

	<div class="content">
		<div class="left">
			<div class="banner"><img src="http://wa.gtimg.com/website/201611/xxsmzg_QNEV_20161114200736251.jpg" alt=""></div>
			<div class="news">
				<div class="hd">
					<a href="">要闻</a>
					<a href="">新闻</a>
				</div>
				<div class="bd">
					<ul>
						<li><a class="Q-bold qm_c_3" target="_blank" href="http://sh.qq.com/a/20161116/002864.htm">沪版社会信用条例有望明年出台 守信市民可享优惠</a></li>
						<li><a class="" target="_blank" href="http://sh.qq.com/a/20161116/003229.htm">14号线8个站本周五起陆续开工 附近道路或现拥堵</a></li>
						<li><a class="" target="_blank" href="http://sh.qq.com/a/20161116/005729.htm">双向6车道 沪迪士尼第2条客流紧急疏散通道将开通</a></li>
						<li><a class="" target="_blank" href="http://sh.qq.com/a/20161116/005625.htm">中国版“丢书大作战”现申城 地铁方：高峰时不妥</a></li>
						<li><a class="" target="_blank" href="http://sh.qq.com/a/20161116/005271.htm">沪“最大棚户区”记忆：摄影师跟拍老街30年</a></li>
						<li><a class="qm_c_2" target="_blank" href="http://sh.qq.com/a/20161116/005225.htm">iPhone6s四成电量自动关机 苹果建议0℃以上使用</a></li>
						<li><a class="qm_c_2" target="_blank" href="http://sh.qq.com/a/20161116/006353.htm">沪机动车上牌：6选1改为20选1 取消现场自编号</a></li>
						<li><a class="qm_c_2" target="_blank" href="http://sh.qq.com/a/20161116/003324.htm">超5.16万人注册报考上海公务员 “沪考”明显回暖</a></li>
					</ul>
				</div>
			</div>
			<div class="today">
				<div class="hd">
					<a href="">今日话题</a>
				</div>
				<div class="bd">
					<h3 id="todaytop">
						<a target="_blank" href="http://view.news.qq.com/original/intouchtoday/n3712.html">“中国人最耐受PM2.5”是种荒诞的黑色幽默</a>
					</h3>
					<ul class="nostyle">
						<li>
						<a class="fleft" target="_blank" href="http://view.news.qq.com/original/intouchtoday/n3711.html">重霾奇葩应对术：“海绵企业”扛大旗</a>
						<a class="fright cBlue" target="_blank" href="http://view.news.qq.com/index/zhuanti/zt_more.htm">往期</a>
						</li>
						<li>
						<a class="fleft" target="_blank" href="http://view.news.qq.com/a/20161116/007083.htm">缺乏公共阅读氛围 别急着学女神丢书</a>
						<a class="fright cBlue" target="_blank" href="http://view.news.qq.com/">评论</a>
						</li>
						<li>
						<a class="fleft" target="_blank" href="http://view.news.qq.com/original/legacyintouch/bdwl03.html">孙中山为什么不愿意自称“孙中山”？</a>
						<a class="fright cBlue" target="_blank" href="http://history.news.qq.com/">历史</a>
						</li>
						<!--7d655cc4abc7d7ba91e493bb5110dc3d--><!--[if !IE]>|xGv00|00feed4968ea5f44279c7f54e57423d2<![endif]-->
						<li bosszone="guancha">
						<a class="fleft" target="_blank" href="http://finance.qq.com/a/20161115/032910.htm">为什么大多数中国人在股市赚不到钱？</a>
						<a class="fright cBlue" target="_blank" href="http://finance.qq.com/financenews/ztlm/mm/missmoney.htm">Miss Money</a>
						</li>
						<!--76c5f397404b1646203ff0cde52b9031--><!--[if !IE]>|xGv00|33786ac4e8059497635dce008e0e4c26<![endif]-->
						<li bosszone="sixiang"><a target="_blank" class="fleft" href="http://cul.qq.com/a/20161116/004783.htm">唐世平：没有极端的未来，极端没有未来 </a><a href="http://thinker.qq.com/" target="_blank" class="fright cBlue">思想</a></li>
						<!--fb095b440ea038dff2693d8ecbffbf3c--><!--[if !IE]>|xGv00|7e915a83674f6a582f7507ad5aeabddf<![endif]-->
						<li bosszone="yeyetan">
						<a target="_blank" class="fleft" href="http://fashion.qq.com/original/ruliu/r651.html">等待一个关心，等到最后，关上了心</a>
						<a target="_blank" class="fright cBlue" href="http://fashion.qq.com/zt2015/ruliu/index.htm">入流</a>
						</li><!--d8614e85778d551698beca442dfd7474--><!--[if !IE]>|xGv00|db759c198a1c279af5d0a31d8e4d387e<![endif]-->
					</ul>
				</div>
			</div>
		</div>
		<div class="right">
			<div class="banner"><img src="http://mat1.gtimg.com/www/images/qq2012/jubaoFocus.png" alt=""></div>
			<div class="nav-list">
				<div class="rightProduct" bosszone="pronav1">
					<div class="productLine01" bosszone="proarea1">
					  	<a href="http://im.qq.com/" target="_blank">QQ</a>
					  	<a href="http://mail.qq.com/" target="_blank">邮箱</a>
					  	<a href="http://vip.qq.com/?ADTAG=www.qq.com" target="_blank">会员</a>
					  	<a href="http://pcmgr.qq.com/?ADTAG=tr.pcmgr.qqcom.QQCOM" target="_blank">电脑管家</a>
					  	<a href="http://pc.qq.com/" target="_blank">软件</a>
					</div>
					<div class="productLine02" bosszone="proarea2">
						<a href="http://weixin.qq.com/" target="_blank">微信</a>
						<a href="http://qzone.qq.com/" target="_blank">空间</a>
						<a href="http://ke.qq.com/index.html?from=72" target="_blank">课堂</a>
						<a href="http://film.qq.com/" target="_blank">好莱坞</a>
						<a href="http://www.qcloud.com/?from=txwsy" target="_blank">腾讯云</a>
					</div>
					<div class="productLine03" bosszone="proarea3">
					  	<a href="http://kuaibao.qq.com/" target="_blank" class="Q-red">快报</a>
					  	<a href="http://news.qq.com/mobile/" target="_blank" class="Q-red">新闻APP</a>
					  	<a href="http://finance.qq.com/products/portfolio/" target="_blank">自选股</a>
					  	<a href="http://sports.qq.com/kbs/" target="_blank">体育APP</a><br><a href="http://v.qq.com/mobile/" target="_blank">视频</a>
					  	<a href="http://m.qq.com/" target="_blank">手机管家</a>
					  	<a href="http://browser.qq.com/" target="_blank">浏览器</a>
					  	<a href="http://android.myapp.com/?g_f=990371" target="_blank">应用宝</a>
					</div>
					<div class="productLine04" bosszone="proarea4">
					  	<a href="http://lol.qq.com/index.shtml?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">LOL</a>
					  	<a href="http://cf.qq.com/?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">CF</a>
					  	<a href="http://dnf.qq.com/?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">DNF</a>
					  	<a href="http://zt.qq.com/main.shtml?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">征途</a>
					  	<a href="http://wuxia.qq.com/?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">天刀</a><br><a href="http://iwan.qq.com/index.htm?ADTAG=media.innerenter.qqcom.indexnavigation" target="_blank">爱玩</a>
					  	<a href="http://nz.qq.com/?ADTAG=media.innerenter.qqcom.indexnavigation" target="_blank">逆战</a>
					  	<a href="http://ylzt.qq.com/?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank"御龙手游</a>
					  	<a href="http://huoying.qq.com/act/a20141009landingpage/index.htm?via=45&amp;ADTAG=ied.neiguang&amp;ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">火影OL</a>
					  	<a href="http://jxqy.qq.com/main.shtml?ADTAG=media.innerenter.qqcom.index_navigation" target="_blank">剑侠</a>
					</div>
					<div class="productLine05" bosszone="proarea5">
						<a href="http://dc2.jd.com/auto.php?service=transfer&amp;type=dmp&amp;from=dmp&amp;kid=77&amp;klid=11727&amp;to=http://www.jd.com" target="_blank">京东</a>
						<a href="https://qian.qq.com?stat_data=oth87ppcsy00222&amp;ADTAG=SCQD.BD.PC.TXDH1" target="_blank">理财通</a>
						<a href="http://fm.qq.com/" target="_blank">企鹅FM</a>
						<a href="http://pay.qq.com/" target="_blank">Q币</a>
						<a href="http://www.qq.com/map/" target="_blank">全部</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>